/**
 * Created by 张未然 on 2016/10/17.
 */
html, body {
  height: 100%;
  overflow: hidden;
  font-family:Microsoft YaHei, SimHei,Verdana,Arial,Helvetica,sans-serif,SimSun;
  position: relative;
  padding:0;
  margin:0;
}

.zDialog{
  height: 100%;
  width: 100%;
  background: #fff;
  .dialog-masker{
    height: 100%;
    width: 100%;
    background: #7A7A7A;
    position: absolute;
    z-index:50;
    top:0;
    left:0;
    opacity: 0.7;
    animation: fade-in;/*动画名称*/
    animation-duration: 0.4s;/*动画持续时间*/
    -webkit-animation:fade-in 0.4s;/*针对webkit内核*/

    @keyframes fade-in {
      0% {opacity: 0;}/*初始状态 透明度为0*/
      40% {opacity: 0;}/*过渡状态 透明度为0*/
      100% {opacity: 0.7;}/*结束状态 透明度为1*/
    }
    @-webkit-keyframes fade-in {/*针对webkit内核*/
      0% {opacity: 0;}
      40% {opacity: 0;}
      100% {opacity: 0.7;}
    }
  }
  .dialog-panel{
    z-index: 51;
    opacity: 1;
    background: #fff;
    border:5px solid #cdcdcd;
    border-radius: 5px;
    min-height: 300px;
    min-width: 500px;
    width: 500px;
    max-width: 800px;
    _width:500px;
    margin:auto auto;
    padding:0;
    margin: 0;

    .dialog-form{
      height:100%;
      width: 100%;
      position:relative;
      border:1px solid #a0a0a0;
      .form-title{
        background: #e8e8e8;
        font-size: 14px;
        height:30px;
        position: absolute;
        width: 100%;
        top:0px;
        border-bottom: 1px solid #a0a0a0;
        span{
          display: block;
          margin:5px;
        }
      }
      .form-content{
        overflow: hidden;
        padding: 40px 10px;
        .form-row{
          float: left;
          width:100%;
          font-size: 14px;
          padding:5px;
          .form-label{
            display: block;
            width: 20%;
            float:left;
            text-align: right;
            padding: 5px 15px;
          }
          .form-control{
            display: block;
            width: 50%;
            float:left;
            text-align: left;
            padding: 5px;
            border:1px solid #a0a0a0;
            border-radius: 3px;
          }
          .radio-group,.checkbox-group{
            width: 60%;
            float:left;
            padding-top:5px;
          }
        }
        .form-fix{
          clear: both;
        }
      }
      .form-bottom{
        background: #e8e8e8;
        font-size: 14px;
        text-align: right;
        position: absolute;
        width: 100%;
        bottom: 0px;
        border-top:1px solid #a0a0a0;
        height:30px;
        .form-btn{
          margin:5px 10px 5px 10px;
        }
      }
    }
    .dialog-cancel{
      position: absolute;
      top: -10px;
      right:-10px;
      background: url("../images/x.png");
      width: 20px;
      height: 20px;
    }
  }
}